<template>

    <div class="tzgg">
        <div class="t_top">
            <span>首页>新闻动态</span>
        </div>
        <div class="contentWidth box">
            <sider-bar-component :menus="menus" class="aside"></sider-bar-component>
            <article-component :datalist="articleList" class="articleList"></article-component>
        </div>
    </div>
</template>

<script>
    import siderBarComponent from "../../components/siderBarComponent";
    import articleComponent from "../../components/articleComponent";
    export default {
        name: "newsdongtai",
        components:{
            siderBarComponent,
            articleComponent
        },
        data(){
            return{
                menus:['新闻动态'],
                articleList:[
                    {
                        id:1,
                        url:'http://www.baidu.com',
                        title: '信息所开展共建生态文明，共建绿色未来环保公益活动',
                        count:1982,
                        rtext:'2021-11-23'
                    },
                    {
                        id:2,
                        url:'http://www.baidu.com',
                        title: '低碳环保 绿色共享——泉城公园健步走活动',
                        count:1982,
                        rtext:'2021-11-23'
                    },
                    {
                        id:3,
                        url:'http://www.baidu.com',
                        title: '信息所老干部参加省医科院第七届老年人趣味运动会 ',
                        count:1982,
                        rtext:'2021-11-23'
                    },
                    {
                        id:4,
                        url:'http://www.baidu.com',
                        title: '信息所开展共建生态文明，共建绿色未来环保公益活动 ',
                        count:1982,
                        rtext:'2021-11-23'
                    },
                    {
                        id:5,
                        url:'http://www.baidu.com',
                        title: '信息所开展共建生态文明，共建绿色未来环保公益活动',
                        count:1982,
                        rtext:'2021-11-23'
                    },
                    {
                        id:6,
                        url:'http://www.baidu.com',
                        title: '低碳环保 绿色共享——泉城公园健步走活动 ',
                        count:1982,
                        rtext:'2021-11-23'
                    },
                    {
                        id:7,
                        url:'http://www.baidu.com',
                        title: '人民日报聚焦地方政治生态，肃清腐败余毒',
                        count:1982,
                        rtext:'2021-11-23'
                    },
                    {
                        id:8,
                        url:'http://www.baidu.com',
                        title: '人民日报聚焦地方政治生态，肃清腐败余毒',
                        count:1982,
                        rtext:'2021-11-23'
                    }
                ]
            }
        },
    }
</script>

<style scoped lang="less">
    .tzgg{
        padding-top: 20px;
        width: 1200px;
        margin: 0 auto;


    }
    .t_top{
        width: 100%;
        height: 30px;
        background-color: #99a9bf;
    span{
        line-height: 30px;
        float: left;
    }
    }
    .box{
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
    .aside{
        width: 230px;

    }
    .articleList
    {
    /deep/ .dynews{
        width: 900px;
        margin-right: 10px;

    }
    }

    }
</style>